<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
	<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;script-src * 'unsafe-inline'">
    <title>Hello World!</title>
  </head>
  <script src="../static/windia.js"></script>
  <body style="margin-top: 3px;margin-right: 0px;margin-bottom: 0px;margin-left: 2px;">
  <script>
  
  </script>
    <div id="group">
		<div id="icon" >
		<img src="../img/gif/hzd.gif" id="cy" onselectstart="return false;" unselectable="on"/>
	</div>
	<div id="message" >
		<h2 id="title" style="font-family: 沐瑶随心手写体;" onselectstart="return false;" unselectable="on" title="孔席墨突,何不静享祥和，独身睿思"></h4>
	</div>
	</div>
	
  </body>
  <script>
  if (window.module) module = window.module;
    const { ipcRenderer } = require('electron');

    //监听
    ipcRenderer.on('dialog_1', (event, arg) => {
        console.log('渲染进程收到的消息:',arg)
		document.getElementById("title").innerHTML=arg;
    })
	
	 window.onload = function(){  
            var box = document.getElementById("group");
			document.getElementById("group").onclick = () => {
					ipcRenderer.send('closedia');
			}
			
			
        };
</script>
  <style>
	  @font-face {
		font-family: 沐瑶随心手写体;
		src: url(../font/沐瑶随心手写体.ttf);
		}
	#cy{
		width: 45px;
		height: 45px;
		margin-top: -4px;
		margin-left: -4px;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	#icon{
		background-color:#f9e9cd;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		z-index: 9999;
	}
	#message{
	box-shadow: 0 0 5px 1px #999;
    border: 1px solid #bf3553;
    border-radius: 20%;

		background-color:#e3bd8d;
		width: 140px;
		height: 30px;
		margin-left: -13px;
		margin-top: 4px;
	}
	#title{
		font-size: 0.85rem;
    float: left;
    margin-top: 7px;
    margin-left: 16px;
    margin-right: 0px;
		-webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
        

	}
	#group{
    display: flex;
	height: 34px;
}
  <style>

</html>

